@charset "utf-8";
/* CSS Document */
#header {
	width:100%;
	background-color:#fff;
	border-bottom:1px solid #ba070e;
}
.logo {
	float:left;
	display:inline;
}
.softtool {
	height:75px;
	margin-left:262px;
	background:url(../images/bg_bar_x.png) repeat-x;
}
.softtool-info {
	font-size:12px;
	color:#ffffff;
	height:27px;
}
.softtool-info-login {
	width:112px;
	float:right;
	display:inline;
	height:27px;
	line-height:27px;
	padding:0 20px 0 45px;
	background:url(../images/bg_login.png) no-repeat 0 0;
}
.ulogin {
	padding-left:16px;
	color:#777;
	margin-right:15px;
	background:url(../images/icon-logout.png) no-repeat left center;
}
.uready {
	padding-left:16px;
	color:#777;
	background:url(../images/icon-notready.png) no-repeat left 55%;
}
.softtool-info-login a:hover { text-decoration:underline; }
.softtool-info-basic {
	padding-left:10px;
	height:27px;
	line-height:27px;
}
.softtool-info-basic span {
	padding-right:15px;
	color:#fff;
	font-weight:bold;
}
.softtool-info-basic .complain {
	margin-left:15px;
	padding-left:35px;
	background:url(../images/line.png) no-repeat left center;
}
.softtool-info-basic span em {
	color:#eee;
	font-weight:normal;
}
.softtool-info-basic span em.eng {
	font-weight:bold;
	text-decoration:underline;
	margin-right:3px;
}
/* .softtool-btns css style */
.softtool-btns {
	height:48px;
	background:url(../images/bg_wave.png) no-repeat right bottom;
}
.softtool-btns-list {
	float:left;
	display:inline;
	padding-top:10px;
}
.softtool-btns-list li {
	float:left;
	display:inline;
}
.phonenum {
	width:173px;
	height:28px;
	line-height:28px;
	clear:both;
	margin-top:3px;
	background:url(../images/bg_display.png) no-repeat left center;
}
.phonenum-state {
	width:36px;
	color:#717171;
	text-align:center;
	float:left;
	padding-left:6px;
	display:inline;
}
.phonenum-view {
	margin-left:45px;
	font-size:11px;
	color:#717171;
	padding-left:3px;
	font-family:Arial, Helvetica, sans-serif;
}
.phonenum-time {
	width:45px;
	float:right;
	display:inline;
	padding-right:3px;
}
.phonefast, .phoneanswer {
	padding:0 0 0 15px;
	cursor:pointer;
}
.phonefast { position:relative; }
.phonerefuse {
	margin-right:15px;
	margin-left:5px;
	cursor:pointer;
}
.phonekey {
	margin-left:5px;
	cursor:pointer;
}
.phonekey span {
	display:block;
	width:34px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	height:12px;
	margin-top:3px;
	background:url(../images/btns_num.png) no-repeat left center;
}
.phonekey span:hover { background:url(../images/btns_num_hover.png) no-repeat left center; }
.phonekey span.disable, .phonekey span.disable:hover {
	color:#bababa;
	cursor:default;
	background:url(../images/btns_num_disable.png) no-repeat left center;
}
.btns-tab{
	margin-top:7px;
	margin-right:15px;
	}
.btns-tab.hold{ margin-right:5px; }
.btns-tab img{
	cursor:pointer;
	}
.phonebnts {
	font-size:12px;
	color:#717171;
	width:44px;
	text-align:center;
	height:23px;
	line-height:23px;
	cursor:pointer;
	margin-right:3px;
	margin-top:4px;
	background:url(../images/btns_transfer.png) no-repeat left center;
}
.phonebnts:hover { background:url(../images/btns_transfer_hover.png) no-repeat left center; }
.phonebnts.disable, .phonebnts.disable:hover {
	color:#bababa;
	cursor:default;
	background:url(../images/btns_transfer_hover.png) no-repeat left center;
}
.rest {
	font-size:12px;
	text-align:center;
	height:23px;
	line-height:23px;
	cursor:pointer;
	margin-top:4px;
}
.sel-rest, .btns-rest { color:#717171; }
.sel-rest {
	border:1px solid #ccc;
	height:21px;
	line-height:21px;
	margin-right:3px;
	margin-left:10px;
}
.btns-rest {
	width:45px;
	text-align:center;
	height:23px;
	line-height:23px;
	cursor:pointer;
	border:none;
	margin-right:20px;
	background:url(../images/btns-rest.png) no-repeat left center;
}
/* .unread css style */
.unread {
	float:right;
	display:inline;
	padding:18px 5px 0 0;
	margin-right:50px;
}
.unread dd {
	position:relative;
	padding:0 10px;
	float:left;
	display:inline;
	vertical-align:middle;
}
.unread dd img {
	vertical-align:middle;
	cursor:pointer;
}
/* ----------------- numkey css style ----------*/
.numkeys {
	width:127px;
	padding:20px 15px 2px;
	height:190px;
	position:absolute;
	left:10px;
	top:28px;
	background:url(../images/bg_numk.png) no-repeat left top;
}
.numkeys-opt { margin-bottom:9px; }
.numkeys-opt-view { margin-bottom:5px; }
.numkeys-opt-view input {
	width:82px;
	padding-right:7px;
	height:27px;
	line-height:27px;
	border:none;
	color:#666;
	text-align:right;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../images/numk-input.png) no-repeat left center;
}
.numkeys-opt-answer {
	width:36px;
	text-align:center;
	height:26px;
	display:inline-block;
	vertical-align:middle;
	margin-left:1px;
	background:url(../images/numk-btns.png) no-repeat left top;
}
.numkeys-opt-answer:hover { background:url(../images/numk-btns-hover.png) no-repeat left top; }
.numkeys-opt-answer img { padding-top:6px; }
.numkeys-list { }
.numkeys-list ul {
	clear:both;
	overflow:hidden;
	margin-bottom:5px;
}
.numkeys-list ul li {
	float:left;
	display:inline;
	width:36px;
	height:26px;
	line-height:26px;
	text-align:center;
	margin-right:9px;
	cursor:pointer;
	color:#333333;
	text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);
	background:url(../images/numk-btns.png) no-repeat left center;
}
.numkeys-list ul li:hover { background:url(../images/numk-btns-hover.png) no-repeat left center; }
.numkeys-list ul li.margin-none { margin-right:0; }
